<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>注册</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/sign.css">
    <link rel="stylesheet" href="../css/common.css">
    <script src="../../node_modules/jQuery/dist/jquery.min.js"></script>

    <!-- swiper -->

    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.css">
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="../css/index.swipper.css">
</head>

<body>
    <!-- header -->
    <header>
        <nav class="navbar navbar-default ntop">
            <div class="container boxt">
                <!-- Brand and toggle get grouped for better mobile display -->


                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li><a href="./login.html" class="log">亲，请登录 <span class="sr-only">(current)</span></a></li>
                        <li><a href="#">免费注册</a></li>
                        <li><a href="#">手机逛淘宝</a></li>
                    </ul>

                    <ul class="nav navbar-nav navbar-right">
                        <li class="to-index"><a href="./index.html">淘宝网首页</a></li>
                        <li class="dropdown">
                            <a href="#" class=" bgw">我的淘宝 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">已买到的宝贝</a></li>
                                <li><a href="#">我的足迹</a></li>

                            </ul>
                        </li>
                        <li class="dropdown gcar">
                            <a href="#" class=""><span class="glyphicon glyphicon-shopping-cart"></span> 购物车<span class="carnum"> </span></a>

                        </li>
                        <li class="dropdown bgw">
                            <a href="#"><span class="glyphicon glyphicon-star"></span> 收藏夹 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">收藏的宝贝</a></li>
                                <li><a href="#">收藏的店铺</a></li>
                            </ul>
                        </li>
                        <li><a href="#">商品分类</a></li>
                        <li><a href="#">免费开店</a></li>
                        <li class="shu">|</li>
                        <li class="dropdown">

                            <a href="#" class=" bgw">卖家中心 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">免费开店</a></li>
                                <li><a href="#">已卖出的宝贝</a></li>
                                <li><a href="#">出售中的宝贝</a></li>
                                <li><a href="#">卖家服务市场</a></li>
                                <li><a href="#">卖家培训中心</a></li>
                                <li><a href="#">体验中心</a></li>
                                <li><a href="#">问网友</a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a href="#" class=" bgw">联系客服 <span class="caret"></span></a>
                            <ul class="dropdown-menu">
                                <li><a href="#">消费者客服</a></li>
                                <li><a href="#">商家服务大厅</a></li>
                            </ul>
                        </li>
                        <li class="dropdown rnav bgw">
                            <a href="#"><span class="glyphicon glyphicon-menu-hamburger"></span> 网站导航 <span class="caret change"></span></a>
                            <div class="dropdown-menu container">
                                <div class="row">
                                    <div class="col-sm-3">
                                        <h4>主题市场</h4>
                                        <div class="row">
                                            <div class="col-sm-3"><a href="#">女装</a></div>
                                            <div class="col-sm-3"><a href="#">男装</a></div>
                                            <div class="col-sm-3"><a href="#">内衣</a></div>
                                            <div class="col-sm-3"><a href="#">鞋靴</a></div>
                                            <div class="col-sm-3"><a href="#">箱包</a></div>
                                            <div class="col-sm-3"><a href="#">婴童</a></div>
                                            <div class="col-sm-3"><a href="#">家电</a></div>
                                            <div class="col-sm-3"><a href="#">数码</a></div>
                                            <div class="col-sm-3"><a href="#">美妆</a></div>
                                            <div class="col-sm-3"><a href="#">珠宝</a></div>
                                            <div class="col-sm-3"><a href="#">手机</a></div>
                                            <div class="col-sm-3"><a href="#">眼镜</a></div>
                                            <div class="col-sm-3"><a href="#">手表</a></div>
                                            <div class="col-sm-3"><a href="#">运动</a></div>
                                            <div class="col-sm-3"><a href="#">户外</a></div>
                                            <div class="col-sm-3"><a href="#">乐器</a></div>
                                            <div class="col-sm-3"><a href="#">游戏</a></div>
                                            <div class="col-sm-3"><a href="#">动漫</a></div>
                                            <div class="col-sm-3"><a href="#">影视</a></div>
                                            <div class="col-sm-3"><a href="#">美食</a></div>
                                            <div class="col-sm-3"><a href="#">鲜花</a></div>
                                            <div class="col-sm-3"><a href="#">宠物</a></div>
                                            <div class="col-sm-3"><a href="#">农资</a></div>
                                            <div class="col-sm-3"><a href="#">房产</a></div>
                                            <div class="col-sm-3"><a href="#">装修</a></div>
                                            <div class="col-sm-3"><a href="#">建材</a></div>
                                            <div class="col-sm-3"><a href="#">家居</a></div>
                                            <div class="col-sm-3"><a href="#">百货</a></div>
                                            <div class="col-sm-3"><a href="#">汽车</a></div>
                                            <div class="col-sm-3"><a href="#">二手车</a></div>
                                            <div class="col-sm-3"><a href="#">办公</a></div>
                                            <div class="col-sm-3"><a href="#">定制</a></div>
                                            <div class="col-sm-3"><a href="#">教育</a></div>
                                            <div class="col-sm-3"><a href="#">卡券</a></div>
                                            <div class="col-sm-3"><a href="#">本地</a></div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3 ts">
                                        <h4>特色市场</h4>
                                        <div class="row">
                                            <div class="col-sm-4"><a href="#">全球购</a></div>
                                            <div class="col-sm-4"><a href="#">极有家</a></div>
                                            <div class="col-sm-4"><a href="#">阿里拍卖</a></div>
                                            <div class="col-sm-4"><a href="#">淘宝众筹</a></div>
                                            <div class="col-sm-4"><a href="#">飞猪</a></div>
                                            <div class="col-sm-4"><a href="#">农资</a></div>
                                            <div class="col-sm-4"><a href="#">天天特卖</a></div>
                                            <div class="col-sm-4"><a href="#">Outlets</a></div>
                                            <div class="col-sm-4"><a href="#">淘抢购</a></div>
                                            <div class="col-sm-4"><a href="#">试用</a></div>
                                            <div class="col-sm-4"><a href="#">量贩团</a></div>
                                            <div class="col-sm-4"><a href="#">阿里翻译</a></div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3 app">
                                        <h4>阿里APP</h4>
                                        <div class="row">
                                            <div class="col-sm-4"><a href="#">淘宝</a></div>
                                            <div class="col-sm-4"><a href="#">天猫</a></div>
                                            <div class="col-sm-4"><a href="#">支付宝</a></div>
                                            <div class="col-sm-4"><a href="#">聚划算</a></div>
                                            <div class="col-sm-4"><a href="#">飞猪</a></div>
                                            <div class="col-sm-4"><a href="#">蚂蚁聚宝</a></div>
                                            <div class="col-sm-4"><a href="#">咸鱼</a></div>
                                            <div class="col-sm-4"><a href="#">淘小铺</a></div>
                                            <div class="col-sm-4"><a href="#">阿里钱盾</a></div>
                                            <div class="col-sm-4"><a href="#">钉钉</a></div>
                                            <div class="col-sm-4"><a href="#">高德地图</a></div>
                                            <div class="col-sm-4"><a href="#">虾米音乐</a></div>
                                            <div class="col-sm-4"><a href="#">淘票票</a></div>
                                            <div class="col-sm-4"><a href="#">菜鸟裹裹</a></div>
                                            <div class="col-sm-4"><a href="#">阿里云</a></div>
                                            <div class="col-sm-4"><a href="#">网商一行</a></div>
                                            <div class="col-sm-4"><a href="#">阿里邮箱</a></div>
                                            <div class="col-sm-4"><a href="#">阿里众宝</a></div>
                                        </div>
                                    </div>
                                    <div class="col-sm-3 tj">
                                        <h4>精彩推荐集</h4>
                                        <div class="row">
                                            <div class="col-sm-6"><a href="#">余额宝</a></div>
                                            <div class="col-sm-6"><a href="#">大牌捡宝</a></div>
                                            <div class="col-sm-6"><a href="#">淘公仔</a></div>
                                            <div class="col-sm-6"><a href="#">浏览器</a></div>
                                            <div class="col-sm-6"><a href="#">淘宝香港</a></div>
                                            <div class="col-sm-6"><a href="#">淘宝台湾</a></div>
                                            <div class="col-sm-6"><a href="#">淘宝全球</a></div>
                                            <div class="col-sm-6"><a href="#">淘宝东南亚</a></div>
                                            <div class="col-sm-6"><a href="#">闺蜜淘货</a></div>
                                            <div class="col-sm-6"><a href="#">大众评审</a></div>
                                            <div class="col-sm-6"><a href="#">淘工作</a></div>
                                            <div class="col-sm-6"><a href="#">阿里巴巴认证</a></div>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </li>
                    </ul>
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container-fluid -->
        </nav>
    </header>
    <!-- main -->
    <main class="container">
        <div>
            <img src="../img/zclogo.png" alt="">
            <h2>用户注册</h2>
        </div>
        <div class="sign-form">
            <form action="../../interface/zc.php" class="sign" method="POST">
                <div class="clearfix">
                    <span>手机号码</span>
                    <div class="row pull-left">
                        <div class="col-lg-12">
                            <div class="input-group">
                                <select id="phone" class="pull-left">
                                    <option value="0">+86&nbsp;&nbsp;&nbsp;&nbsp;中国大陆 </option>
                                    <option value="1">+852&nbsp;&nbsp;&nbsp;&nbsp;中国香港 </option>
                                    <option value="0">+853&nbsp;&nbsp;&nbsp;&nbsp;中国澳门 </option>
                                    <option value="0">+86&nbsp;&nbsp;&nbsp;&nbsp;中国大陆 </option>
                                    <option value="1">+852&nbsp;&nbsp;&nbsp;&nbsp;中国香港 </option>
                                    <option value="0">+853&nbsp;&nbsp;&nbsp;&nbsp;中国澳门 </option>
                                    <option value="0">+86&nbsp;&nbsp;&nbsp;&nbsp;中国大陆 </option>
                                    <option value="1">+852&nbsp;&nbsp;&nbsp;&nbsp;中国香港 </option>
                                    <option value="0">+853&nbsp;&nbsp;&nbsp;&nbsp;中国澳门 </option>
                                    <option value="0">+86&nbsp;&nbsp;&nbsp;&nbsp;中国大陆 </option>
                                    <option value="1">+852&nbsp;&nbsp;&nbsp;&nbsp;中国香港 </option>
                                    <option value="0">+853&nbsp;&nbsp;&nbsp;&nbsp;中国澳门 </option>
                                </select>
                                <!-- /btn-group -->
                                <input type="text" class="phone" aria-label="" placeholder="请输入你的手机号码" name="username">
                            </div>
                            <!-- /input-group -->
                        </div>
                    </div>
                </div>
                <div class="clearfix">
                    <span>验证码</span>
                    <div class="input-group">
                        <input type="password" class="yzm" placeholder="请输入校验码" aria-describedby="basic-addon2" name="password">
                        <span class="input-group-addon" id="basic-addon2">获取验证码</span>
                    </div>
                </div>
                <div class="submit">
                    <input type="submit" value="同意并注册" class="sub" disabled='disabled'>
                </div>
                <p class="read">已阅读并同意以下协议<a href="#">淘宝平台服务协议、隐私权政策、法律声明、支付宝及客户端服务协议</a></p>
                <p><a href="#">切换成企业账户注册</a></p>
            </form>
        </div>

    </main>
    <!-- footer -->
    <footer class="container">
        <p>
            <a href="#">阿里巴巴集团</a><span>|</span>
            <a href="#">阿里巴巴国际站</a><span>|</span>
            <a href="#">阿里巴巴中国站</a><span>|</span>
            <a href="#">全球速卖通</a><span>|</span>
            <a href="#">淘宝网</a><span>|</span>
            <a href="#">天猫</a><span>|</span>
            <a href="#">聚划算</a><span>|</span>
            <a href="#">一淘</a><span>|</span>
            <a href="#">阿里妈妈</a><span>|</span>
            <a href="#">阿里云计算</a><span>|</span>
            <a href="#">云OS</a><span>|</span>
            <a href="#">万网</a><span>|</span>
            <a href="#">支付宝</a>
        </p>
        <p class="fb">
            <a href="#">关于淘宝</a>
            <a href="#">合作伙伴</a>
            <a href="#">营销中心</a>
            <a href="#">联系客服</a>
            <a href="#">开放平台</a>
            <a href="#">诚招英才</a>
            <a href="#">联系我们</a>
            <a href="#">网站地图</a>
            <a href="#">法律声明及隐私权政策</a>
            <i>© 2021 Taobao.com 版权所有</i>
        </p>
        <p><i>网络文化经营许可证：</i><a href="#">文网文[2010]040号</a><span>|</span><i>增值电信业务经营许可证：浙B2-20080224-1</i><span>|</span><i>信息网络传播视听节目许可证：1109364号</i></p>
    </footer>

</body>


<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js "></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js "></script>
<script src="../js/library/index-swiper.js"></script>
<!-- swiper -->
<script src="https://unpkg.com/swiper/swiper-bundle.js">
</script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js">
</script>



<script src="../js/sign.js"></script>

</html>